CSS层叠上下文

文档根元素（<html>）

position 值为 absolute（绝对定位）或 relative（相对定位）且 z-index 值不为 auto 的元素

position 值为 fixed（固定定位）或 sticky（粘滞定位）的元素（粘滞定位适配所有移动设备上的浏览器，但老的桌面浏览器不支持）

flex (flexbox) 容器的子元素，且 z-index 值不为 auto

grid (grid) 容器的子元素，且 z-index 值不为 auto

opacity 属性值小于 1 的元素

mix-blend-mode 属性值不为 normal 的元素

以下任意属性值不为 none 的元素：

isolation 属性值为 isolate 的元素

-webkit-overflow-scrolling 属性值为 touch 的元素

will-change 值设定了任一属性而该属性在 non-initial 值时会创建层叠上下文的元素

contain 属性值为 layout、paint 或包含它们其中之一的合成值（比如 contain: strict、contain: content）的元素

# 层叠上下文